<template>
	<view>
		<view class="blog-comment-container">
			<view class="blog-comment-title">评论</view>
			<view class="blog-list-comment">
				<view class="blog-comment-comment">
					<view class="blog-comment-item" v-for="item in commentList" :key="item.id">
						<view class="blog-comment-content">
							<image class="comment-user-header" :src="item.user.header"></image>
							<view class="comment-user-name">{{ item.user.nickname }}</view>
						</view>
						<view>
							<view class="comment-text">{{item.commentContent}}</view>
						</view>
						<view class="comment-time">{{item.createdTime}}</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		commentList: {
			type: Array,
			default: null
		}
	},
	data() {
		return {};
	}
};
</script>

<style>
@import url("./index");
</style>
